<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script src='../js/vue.js'>
  </script>
</head>

<body>
  <!-- 

    vue中事件修饰符
    1. prevent: 阻止默认事件
    2. stop： 阻止事件冒泡
    3. once: 事件只触发一次
    4. capture: 使用事件的捕获模式
    5. self: 只有event.target是当前操作的元素才是触发事件
    6. passive: 事件默认行为立即执行，无需等待事件回调执行完毕
   -->

  <div id=app>
{{message}}
  </div>
  <script type='text/javascript'>
    let app = new Vue({
      el: '#app',
      data: {
        message: '你好啊',
      }
    })
  </script>

</body>

</html>